<!DOCTYPE html>
<html lang="zh-cn">

<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<title>帮助中心</title>
	<link rel="stylesheet" href="../stylesheets/common.css" />
	<link rel="stylesheet" href="../stylesheets/help.css" />
</head>

<body>
	<div class="help-logo-container">
		<div class="help-logo"><img class="web-logo" src="../images/logo.png" width="255" height="62" /><span class="web-title">后台管理系统示例</span><span class="help-title">帮助中心</span></div>
	</div>
	<div class="help-container clearfix">
		<ul class="help-nav">
			<li class="nav-list"><a class="nav-item nav-active transition" href="###"><b class="nav-icon"></b>常见问题</a></li>
			<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>评比系统</a></li>
			<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>智课网</a></li>
		</ul>
		<div class="help-content">

			<h1 class="article-title">常见问题</h1>
			<ul class="help-question">
				<li class="help-list">
					<h2 class="title"><a href="###">问：如何安装百度杀毒软件</a></h2>
					<div class="info">
						<div class="info"> <span class="time"><time>2015-04-09</time>更新</span> <span class="author">编辑：admin</span> <span class="organ">瓯海教育局</span> </div>
						<span class="author">编辑：admin</span>
						<span class="organ">瓯海教育局</span>
					</div>
					<p class="summary">百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！</p>
					<!-- 文章短触发JS,文单过长时输出链接 -->
					<span class="view transition"><b class="symbol">&gt;</b>展开详情</span>
					<!--<a class="view transition" href="###">查看详情</a>-->
				</li>
				<li class="help-list">
					<h2 class="title">问：如何安装百度杀毒软件</h2>
					<div class="info"> <span class="time"><time>2015-04-09</time>更新</span> <span class="author">编辑：admin</span> <span class="organ">瓯海教育局</span> </div>
					<p class="summary">百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！</p>
					<!-- 文章短触发JS,文单过长时输出链接 -->
					<!--<span class="view transition"><b class="symbol">&gt;</b>展开详情</span>-->
					<a class="view transition" href="###"><b class="symbol">&gt;</b>查看详情<b class="open-icon"></b></a>
				</li>
				<li class="help-list">
					<h2 class="title">问：如何安装百度杀毒软件</h2>
					<div class="info"> <span class="time"><time>2015-04-09</time>更新</span> <span class="author">编辑：admin</span> <span class="organ">瓯海教育局</span> </div>
					<p class="summary detail">百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！</p>
					<!-- 文章短触发JS,文单过长时输出链接 -->
					<span class="view transition"><b class="symbol">&gt;</b>展开详情</span>
					<!--<a class="view transition" href="###">查看详情</a>-->
				</li>
				<li class="help-list">
					<h2 class="title">问：如何安装百度杀毒软件</h2>
					<span class="time"><time pubdate="2015-04-09">2015-04-09</time>更新</span>
					<p class="summary">百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！</p>
					<!-- 文章短触发JS,文单过长时输出链接 -->
					<span class="view transition"><b class="symbol">&gt;</b>展开详情</span>
					<!--<a class="view transition" href="###">查看详情</a>-->
				</li>
				<li class="help-list">
					<h2 class="title">问：如何安装百度杀毒软件</h2>
					<div class="info"> <span class="time"><time>2015-04-09</time>更新</span> <span class="author">编辑：admin</span> <span class="organ">瓯海教育局</span> </div>
					<p class="summary">百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！</p>
					<!-- 文章短触发JS,文单过长时输出链接 -->
					<span class="view transition"><b class="symbol">&gt;</b>展开详情</span>
					<!--<a class="view transition" href="###">查看详情</a>-->
				</li>
				<li class="help-list">
					<h2 class="title">问：如何安装百度杀毒软件</h2>
					<div class="info"> <span class="time"><time>2015-04-09</time>更新</span> <span class="author">编辑：admin</span> <span class="organ">瓯海教育局</span> </div>
					<p class="summary">百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！</p>
					<!-- 文章短触发JS,文单过长时输出链接 -->
					<span class="view transition"><b class="symbol">&gt;</b>展开详情</span>
					<!--<a class="view transition" href="###">查看详情</a>-->
				</li>
				<li class="help-list">
					<h2 class="title">问：如何安装百度杀毒软件</h2>
					<div class="info"> <span class="time"><time>2015-04-09</time>更新</span> <span class="author">编辑：admin</span> <span class="organ">瓯海教育局</span> </div>
					<p class="summary">百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！</p>
					<!-- 文章短触发JS,文单过长时输出链接 -->
					<span class="view transition"><b class="symbol">&gt;</b>展开详情</span>
					<!--<a class="view transition" href="###">查看详情</a>-->
				</li>
				<li class="help-list">
					<h2 class="title">问：如何安装百度杀毒软件</h2>
					<div class="info"> <span class="time"><time>2015-04-09</time>更新</span> <span class="author">编辑：admin</span> <span class="organ">瓯海教育局</span> </div>
					<p class="summary">百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！</p>
					<!-- 文章短触发JS,文单过长时输出链接 -->
					<span class="view transition"><b class="symbol">&gt;</b>展开详情</span>
					<!--<a class="view transition" href="###">查看详情</a>-->
				</li>
				<li class="help-list">
					<h2 class="title">问：如何安装百度杀毒软件</h2>
					<div class="info"> <span class="time"><time>2015-04-09</time>更新</span> <span class="author">编辑：admin</span> <span class="organ">瓯海教育局</span> </div>
					<p class="summary">百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！</p>
					<!-- 文章短触发JS,文单过长时输出链接 -->
					<span class="view transition"><b class="symbol">&gt;</b>展开详情</span>
					<!--<a class="view transition" href="###">查看详情</a>-->
				</li>
			</ul>

			<div class="help-top transition"></div>
			<div class="pagination"></div>

		</div>


	</div>
	<script type="text/javascript" src="../ext/jquery/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="../ext/zw/pagination.js"></script>
	<script type="text/javascript">
		$(function () {

			//滚动事件
			$(document).scroll(function () {

				//目标对象当前位置
				var tgtPosTop = $(".help-container").offset().top;
				//存储当前位置
				var tgtTop = $(".help-container").css("top");
				//取得当前窗口尺寸
				var windowWidth = $(window).width();

				//滚动条当前位置
				var currentScrollTop = $(document).scrollTop();

				var helpNav = $(".help-nav");


				//判断是否是小窗口，要把滚动条的宽度计算进去

				if (windowWidth > 800) {

					if (currentScrollTop >= tgtPosTop) {
						if (helpNav.css("position") != "fixed") {
							helpNav.css({
								"position": "fixed",
								"top": 0
							});
						}
					} else {
						//false
						if (helpNav.css("position") != "absolute") {
							helpNav.css({
								"position": "absolute",
								"top": tgtTop
							});
						}
					}
				} else {
					if (helpNav.css("position") != "absolute") {
						helpNav.css({
							"position": "absolute",
							"top": tgtTop
						});
					}
				}

			})
			$(window).resize(function () {
				$(document).scroll()
			});

			//展开与折叠
			$(".help-question .view").click(function () {
				//判断自已是否为a标签
				if ($(this).get(0).nodeName != "A") {
					var summary = $(this).parent().find(".summary");
					if (!summary.is(".detail")) {
						summary.addClass("detail")
						$(this).html("<b class='symbol'>&lt;</b>折叠详情")
						$(this).addClass("active")

					} else {
						summary.removeClass("detail")
						$(this).html("<b class='symbol'>&gt;</b>展开详情")
						$(this).removeClass("active")
					}
				}
			});


			//滚动到顶部
			$(".help-top").click(function () {
				scrollTo(0);
			});

		});
	</script>
</body>

</html>